<template>
  <div>

    <v-list two-line>
      <v-list-tile :key="question.title" @click="">
        <v-list-tile-content>
          <v-list-tile-title v-html="question.title"></v-list-tile-title>
          <v-list-tile-sub-title v-html="question.description"></v-list-tile-sub-title>
        </v-list-tile-content>

        <v-list-tile-action>
          <v-list-tile-action-text>{{ question.author + ' | ' + question.time + ' | ' + question.label }}</v-list-tile-action-text>
        </v-list-tile-action>

      </v-list-tile>
    </v-list>

    <v-divider></v-divider>


    <template v-for="(item, index) in answers">
      <v-layout>
        <v-flex>
          <v-card flat>
            <v-card-title primary-title>
              <div>
                <div>{{ item.content }}</div>
                <div style="color:darkgrey;margin-top:10px;">{{ item.author + ' | ' + item.time + ' | ' + item.likes + ' 赞' }}</div>
              </div>
            </v-card-title>
          </v-card>
        </v-flex>
      </v-layout>
      <v-divider></v-divider>
    </template>

    <!--<v-list two-line>-->
      <!--<template v-for="(item, index) in answers">-->
        <!--<v-divider v-if="item.divider" :inset="item.inset" :key="index"></v-divider>-->
        <!--<v-list-tile v-else :key="item.content" @click="">-->
          <!--<v-list-tile-content>-->
            <!--<v-list-tile-title v-html="item.content"></v-list-tile-title>-->
            <!--<v-list-tile-sub-title>-->
              <!--{{ item.author + ' | ' + item.time + ' | ' + item.likes + ' 赞' }}-->
            <!--</v-list-tile-sub-title>-->
          <!--</v-list-tile-content>-->

          <!--&lt;!&ndash;<v-list-tile-action>&ndash;&gt;-->
          <!--&lt;!&ndash;<v-list-tile-action-text>{{ item.action }}</v-list-tile-action-text>&ndash;&gt;-->
          <!--&lt;!&ndash;</v-list-tile-action>&ndash;&gt;-->

        <!--</v-list-tile>-->
      <!--</template>-->
    <!--</v-list>-->

    <div style="margin-top:15px;">
      <v-btn color="primary">我有更好的答案</v-btn>
    </div>

  </div>
</template>

<script>
  export default {
    name: 'question-detail',
    data() {
      return {
        question: {
          title: '什么是图灵机的停机问题？',
          label: '计算机科学与技术导论',
          description: '有哪位同学能用通俗的语言解释一下停机问题？',
          author: '林启龙',
          time: '4 天前'
        },
        answers: [{
          content: '图灵机的停机问题就是不存在一个图灵机能判断所有的图灵机是否停机的问题。',
          author: '王子彦',
          time: '4 天前',
          likes: 0
        }, {
          content: '考虑一个魔法王国在这里魔法可以解锁、可以解梦、可以解方程、可以解路边萌妹子的衣服，总而言之，魔法可以解决很多问题然后人们在想：有没有什么问题是过去、现在、甚至将来可能出现的任何魔法，都解决不了的呢？答案是有的一个大魔法师，就发现了一个魔法解决不了的问题——停机问题所谓的停机问题，简单地说就是这个问题：有没有办法判断任意一个魔法是否是永久持续的因为魔法有两种嘛，有的魔法是暂时性的（也就是“会停机的”，比如诸葛祭风术）；而有的魔法是永久持续的（比如点石成金术）而大魔法师证明了：判断任意一个魔法是否是永久持续的——这个问题，是魔法解决不了的那么，是怎么证明的呢？首先，假设这个问题可以用魔法解决。那我们不妨把这个魔法叫做【邪王真眼术】【邪王真眼术】：判断给出的任意魔法是否是永久持续的：如果是永久持续的，就睁开眼睛；如果不是，就闭上眼睛。然后，因为邪王真眼术是对应任意魔法的，那么显然我们可以给定一个新的魔法——【SCP173术】【SCP173术】：当这个魔法成为【邪王真言术】的目标后，如果眼睛闭上了，就控制一个雕像不停地乱跑；如果眼睛睁开了，就停止。现在，以【SCP173术】为目标施放【邪王真眼术】，我们发现：如果后者做出了“不是永久持续”的判断，就会使前者不停地乱跑，成为“是永久持续”的魔法如果后着做出了“是永久持续”的判断，就会使前者停下，成为“不是永久持续”的魔法无论怎样，都会有矛盾在整个推理过程中，我们只做过唯一的假设。而现在结果推出了矛盾，因此唯一的可能就是那个假设是错的——也就是说，这个问题不可以用魔法解决。',
          author: '郑志成',
          time: '4 天前',
          likes: 12
        }]
      }
    }
  }
</script>

<style scoped>

</style>
